var app = getApp()

Component({
  data: {
    // 分组名称
    groupName: '',
  },
  properties: {
    // 是否选中
    select: {
      type: Boolean,
      value: false
    },
    // 项目内容
    item: {
      type: Object,
      value: {},
    },
    // 标签分组
    group: {
      type: Array,
      value: []
    }
  },

  ready() {
    // 确定所属分组
    this.data.group.forEach((item, index) => {
      if (this.data.item.cid == item.id)
        this.setData({
          groupName: item.name
        })
    })
  },

  methods: {

    // ##########################################################################################
    // # 点击事件
    // ##########################################################################################

    // 打开滑动单元格
    onSwipeOpen(e) {
      // 打开单元格事件
      this.triggerEvent("swipeopen", {
        id: this.data.item.id,
        // 从左打开还是从右打开 left right
        position: e.detail.position,
      })
    },

    // 整体点击事件
    onBtnItem(e) {
      this.triggerEvent("btnitem")
    },

    // 改名按钮点击
    onBtnRename() {
      this.triggerEvent("btnrename", {
        type: 'content',
        name: this.data.item.name,
      })
    },

    // 删除按钮点击
    onBtnDelete() {
      this.triggerEvent("btndelete", {
        type: 'content',
        name: this.data.item.name,
      })
    },

    // 标签分组选择
    bindPickerChange(e) {
      const value = e.detail.value
      this.data.group.forEach((item, index) => {
        if (value == index)
          this.triggerEvent("btngroup", {
            groupid: item.id,
            groupname: item.name,
          })
      })
    },

    // ##########################################################################################

  }
})